<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      th:replace="layout (title='关于我们')">
<div th:fragment="content">
    <div class="m2ban wOpacity wow fadeIn" data-wow-delay="0.0s" th:style="${'background-image:url('+bannerInfo.imgSrc+')'}">
        <div class="m2banTxt">
            <div class="m2ban_t1 wOpacity wow fadeInUp" data-wow-delay="0.2s" th:utext="${bannerInfo.title + '<br />' + bannerInfo.realTitle}"></div>
        </div>
    </div>
    <div class="container wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="m2usCon5">
            <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.1s">业务合作</div>
            <ul class="m2usu1 clearfix wOpacity wow fadeIn" data-wow-delay="0.2s">
                <li class="col-xs-12 col-sm-12 col-md-6">
                    <strong>电话</strong>
                    <p th:text="${website.cellPhone}"></p>
                </li>
                <li class="col-xs-12 col-sm-12 col-md-6">
                    <strong>邮箱</strong>
                    <p th:text="${website.email}"></p>
                </li>
            </ul>
        </div>
    </div>
    <div class="m2usCon6 wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="container">
            <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.1s">公司地址</div>
            <div class="m2lxMbox dsPc clearfix wOpacity wow fadeIn" data-wow-delay="0.2s">
                <div class="m2lxMap">
                    <a href="javascript:;" th:each="addr,iterStat : ${addressList}" th:class="${'m2lxMbtn ' + 'm2lxMbtn'+(iterStat.index+1) + (iterStat.index==0?' on':'')}"><span th:text="${addr.title}"></span></a>
                </div>
                <div class="m2lxLayerlist">
                    <div th:each="addr,iterStat : ${addressList}" th:class="${'m2lxLayer ' + 'm2lxLayer'+(iterStat.index+1)}">
                        <strong th:text="${addr.title}"></strong>
                        <div th:utext="${addr.content}"></div>
                    </div>
                </div>
            </div>
            <ul class="m2lxMul dsPadPhone">
                <li th:each="addr : ${addressList}">
                    <strong th:text="${addr.title}"></strong>
                    <div th:utext="${addr.content}"></div>
                </li>
            </ul>
        </div>
    </div>

    <script language="javascript">
        $(".m2lxMbtn").click(function () {
            $(".m2lxMbtn").removeClass("on");
            $(this).addClass("on");
            $(".m2lxLayer").fadeOut(300);
            $(".m2lxLayer").eq($(this).index()).fadeIn(300);
        });
        $(function () {
            $("#aboutLi").addClass("hover");
        })
    </script>
</div>
</html>